@charset "utf-8";
/* 
	Base CSS Document for Animated Phrases Layout
		- Designed for screens 980px - 1960px in width
	
	Design by: Jacob Barr of iRapture.com
	Development by: Joshua Moor of iRapture.com
	
	Last Modified: 3/14/2014
	Last Validated:
	
	Thanks to the following:
		Gradients generated by ColorZilla:
		http://www.colorzilla.com/gradient-editor/
		
		Droid Sans from Google Web Fonts:
		http://www.google.com/fonts
*/

/* Google Font Import */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* CSS Reset V3.2 */
article, aside, figure, footer, header, hgroup, nav, section{display:block;}
a, abbr, acronym, address, applet, article, aside, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var{padding:0; margin:0;}
body{font-size:62.5%;}
img{border:none;}
a{outline:none;}
table{border-collapse:collapse; border-spacing:0;}
nav ul{list-style:none;}

/* Blocks */
body{background:#666666; font-family:"Droid Sans", Verdana, Geneva, sans-serif; color:#000000;}
	#page_wrapper, #page_slider, #background_wrapper, #header_line, #page_header, #content, #phrase_wrapper, #box_wrapper, #page_footer, #footer_line, #footer_texture_wrapper, #footer_address, #copyright{float:left; clear:both; width:100%; position:relative; z-index:50;}

	.centering_wrapper{width:980px; position:relative; margin:0 auto;}
	#solid{background:#f1f1f1; float:left; clear:none; width:98%; padding:1%; border:1px solid #B7B7B7;}

	#page_slider{z-index:100; background:#666666;}
		#header_line{background:#666666 url(../images/ap_header_line_background.png) top left repeat-x; height:8px;}
		
		#page_header{background:#ffffff; min-height:140px;}
			#page_header div.headerBorder{background:url(/media/repository/metal_strip.jpg) top left repeat-x; height:10px; width:100%; position:absolute; top:100px;}
		#content{background:#ffffff;}
			#content .contentSpacer{float:left; clear:none; width:100%; margin:10px 0;}
				#content .contentSpacer p{font-size:1.8em; text-align:center;}
			#contentArea{float:left; clear:none; width:100%;}
			
			#box_wrapper{margin-top:5px; background:#666666; color:#ffffff; margin-bottom:5px;}
				#light_box, #dark_box{float:left; position:relative; width:33%; color:#ffffff;}
				#frontBox{float:left; position:relative; width:100%; color:#ffffff; min-height:210px; background:#0039a6;}
				#light_box{background:#cccccc; float:right; width:67%; min-height:210px;}
		
		#footer_line{background:url(../images/ap_footer_line_background.png) top left repeat-x; height:8px;}
		#footer_texture_wrapper{background:url(../images/ap_footer_texture_background.png) top left repeat; padding-bottom:20px; min-height:75px;}
			#footer_address, #copyright{clear:none; width:46%; color:#111111;}
			#copyright{float:right; text-align:right;}
			
/* Special Links */
a#skip_navigation{position:absolute; top:-10000px; left:-10000px;}
a#navigation_toggle{float:left; clear:both; position:absolute; z-index:10000; left:29px; top:22px;}
#page_header a.logo{float:left; margin:12px 1% 5px 0; width:30.6%; max-width:340px !important; color:#000000; position:relative;} /* 340 / 980 = 34.6 | 30 / 980 = 3 */
#page_header a.button{float:left; position:relative; text-align:center; width:12.5%; margin:42px .7% 10px 10px; text-decoration:none; color:#ffffff; background:#999999; line-height:3.25em; font-size:1.6em;
	border-radius:5px;
	box-shadow:inset 3px 3px 3px rgba(255, 255, 255, .5), inset -3px -3px 3px rgba(0, 0, 0, .5);
	transition:background .5s;}/* 162 / 980 = 16.5  | 7 / 980 = .7 | 52 / 16 = 3.25*/
#page_header a.button:hover, #page_header a.button:focus{background:#666666;}

/* Navigation */
#mobile_nav{width:254px; position:absolute; left:0; top:0; background:#f8f8f8;
	background: -moz-linear-gradient(left, #f8f8f8 0%, #f8f8f8 90%, #dedede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f8f8), color-stop(90%,#f8f8f8), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #f8f8f8 0%,#f8f8f8 90%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #f8f8f8 0%,#f8f8f8 90%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #f8f8f8 0%,#f8f8f8 90%,#dedede 100%); /* IE10+ */
	background: linear-gradient(to right, #f8f8f8 0%,#f8f8f8 90%,#dedede 100%); /* W3C */}
#mobile_nav ul{font-size:1.8em; float:left; clear:both; width:100%;}
#mobile_nav ul ul{font-size:0.8888888888888889em; background:#d2d4d6;}
#mobile_nav li{float:left; clear:both; width:100%; position:relative;}
#mobile_nav li.spacer{display:none;}
#mobile_nav ul ul li:first-child{
	background: -moz-linear-gradient(top, #c1c3c4 15%, #d2d4d6 40%, #d2d4d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#c1c3c4), color-stop(40%,#d2d4d6), color-stop(100%,#d2d4d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c1c3c4 15%,#d2d4d6 40%,#d2d4d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c1c3c4 15%,#d2d4d6 40%,#d2d4d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c1c3c4 15%,#d2d4d6 40%,#d2d4d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c1c3c4 15%,#d2d4d6 40%,#d2d4d6 100%); /* W3C */}
#mobile_nav ul ul li:last-child{
	background: -moz-linear-gradient(top, #d2d4d6 0%, #d2d4d6 60%, #c1c3c4 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d4d6), color-stop(60%,#d2d4d6), color-stop(85%,#c1c3c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d2d4d6 0%,#d2d4d6 60%,#c1c3c4 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d2d4d6 0%,#d2d4d6 60%,#c1c3c4 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d2d4d6 0%,#d2d4d6 60%,#c1c3c4 85%); /* IE10+ */
	background: linear-gradient(to bottom, #d2d4d6 0%,#d2d4d6 60%,#c1c3c4 85%); /* W3C */}
#mobile_nav a{float:left; clear:both; width:222px; padding:0 16px; text-decoration:none; color:#333333; line-height:3.222222222222222em; border-bottom:1px solid #d3d3d3;}
#mobile_nav ul ul li{line-height:2.1875em; width:222px; padding:0 16px;}
#mobile_nav ul ul a{width:100%; padding:0; border-bottom:1px dotted #6c6e6f; line-height:2.1875em;}
#mobile_nav ul ul li:last-child a{border:none;}
#mobile_nav span.arrow{position:absolute; height:58px; width:58px; top:0px; right:0px; float:left; clear:both; text-align:center;}
#mobile_nav span.arrow a{height:58px; width:58px; float:left; clear:both; background:url(../images/expand.png) 30px center no-repeat;}
#mobile_nav span.arrow.active a{background:url(../images/collapse.png) 30px center no-repeat;}

#top_nav{float:left; width:52%; margin:53px 0 10px 0; position:relative; color:#000000;} /* 45*/
#top_nav ul{float:right; clear:both; position:relative;}
#top_nav ul ul{display:none !important;}
#top_nav li{float:left; position:relative;}
#top_nav li a{float:left; clear:both; position:relative; font-size:1.6em; line-height:1em; padding:.3em .4375em; margin:.2em .8125em;  color:#000000; text-decoration:none; 
	border-radius:5px;
	transition:all .5s;} /* 7/ 16 = .4375 | 13 / 16 = .8125em */
#top_nav li a:hover, #top_nav li a:focus, #top_nav li.active a{background:#666666; color:#ffffff;}

#content #content_nav{float:left; margin:0 1.083em 0.5em 0; width:30%; font-size:2.4em; color:#ffffff; border-top:.0416em solid #000000; border-bottom:.0416em solid #000000; background:#333333;
	box-shadow:.125em .125em .125em rgba(0, 0, 0, .8);}/**/
#content #content_nav ul{float:left; clear:both; list-style:none; width:100%; font-size:1em; list-style:none; margin:0; padding:0;}
#content #content_nav ul ul{font-size:.75em; background:#666666;}
#content #content_nav li{display:none; float:left; clear:both; width:100%; margin:0; padding:0;}
#content #content_nav li.active{display:block;}
#content #content_nav li.active a{border-bottom:.0416em solid #000000;}
#content #content_nav li.active ul a{border-bottom:none; width:85%; padding-left:10%; font-weight:normal;}
#content #content_nav li.active ul li{display:block;}
#content #content_nav li a{float:left; clear:both; width:90%; padding:0 5%; text-decoration:none; color:#ffffff; line-height:1.91em; font-weight:bold;
	transition:all .5s;}
#content #content_nav li a:hover, #content #content_nav li a:focus{background:#555555;}

#copyright #footer_nav{float:left; margin-bottom:10px; position:relative; color:#000000; font-size:.75em;} /* 45*/
#copyright #footer_nav ul{float:right; clear:both; position:relative;}
#copyright #footer_nav ul ul{display:none !important;}
#copyright #footer_nav li{float:left; position:relative;}
#copyright #footer_nav li a{float:left; clear:both; position:relative; font-size:1.6em; line-height:1em; padding:.3em .4375em; margin:.2em .8125em;  color:#000000; text-decoration:none; 
	border-radius:5px;
	transition:all .5s;} /* 7/ 16 = .4375 | 13 / 16 = .8125em */
#copyright #footer_nav li a:hover, #copyright #footer_nav li a:focus, #copyright #footer_nav li.active a{background:#666666; color:#ffffff;}

/* Images */
#page_header a.logo img{max-width:100% !important; float:left; clear:both;}
#page_header h1.logoTag{float:left; clear:none; width:100%; text-align:left; font-family:"Times New Roman", Times, serif; padding-top:10px; color:#454647; font-weight:normal; margin:0;}
#content img{max-width:60% !important;}


/* Text */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{font-size:1.8em; line-height:1.2em; padding:0 0 .55em 0; color:#000000;}
#content h1.blueHeader{max-width:72%; margin:0 1.083em 0.5em 0; padding:0 0 0 3%; line-height:1.91em; font-size:2.4em; color:#ffffff; border-top:.0416em solid #000000; border-bottom:.0416em solid #000000; background:#22415d; box-shadow:.125em .125em .125em rgba(0, 0, 0, .8);}
#content h2{font-size:1.6em; padding:.625em 0; color:#000000;}
#content h3, #content h4, #content h5, #content h6{font-size:1.4em; padding:.714em 0;color: #000000;}
#content p{font-size:1.2em; line-height:1.5em; padding:.66em 0; color:#000000;}
#content a{color:#999999;
	transition:all .5s;}
#content a:hover, #content a:focus{color:#000000;}
#content ol, #content ul{font-size:1.2em; padding:.66em 0 .66em 1.4em; color:#000000;}
#content ol ol, #content ol ul, #content ul ul, #content ul ol{font-size:1em; color:#000000;}
#content table{font-size:1.2em; margin:.66em 0; color:#000000;}
#content table tr:nth-child(odd){background:#cccccc; color:#000000;}
#content table th{background:#666666; padding:.3em .5em; color:#ffffff;}
#content table td{padding:.25em .5em; color:#000000;}

#dark_box h1{text-align:center; color:#ffffff; font-size:3em; font-weight:normal; line-height:1em; padding:.7em 5%;}
#dark_box p{color:#ffffff; padding:.1em 5%; font-size:2.2em; line-height:1.2em;}
#dark_box p.large{font-size:3.6em; line-height:1.1em;}
#dark_box p.directions{text-align:right; padding:.6em 5% 0 5%;}
#dark_box p.directions a{color:#ffffff;}
#dark_box p.directions a:hover, #dark_box p.directions a:focus{color:#000000;}

#light_box h2{padding:0; line-height:1em; text-transform:uppercase; font-weight:normal; font-size:2.552em; padding:.35em 2% .274em 2%; float:left; clear:both; color:#000000;}
#light_box ul{padding:0; list-style:none; float:left; clear:both; width:100%; font-size:1.596em; color:#000000;}
#light_box li{float:left; width:43%; background:url(../images/pa_checkmark.png) 5% top no-repeat; line-height:26px; padding:0 0 0 7%;}
#light_box p{padding:1.2em 0; line-height:1em; float:left; clear:both; width:100%; text-align:center; color:#000000;}
#light_box a.button{width:75%; background:#ffffff; color:#666666; float:left; clear:both; margin:0 0 0 12.5%; line-height:1.8em; font-size:2.5em; text-transform:uppercase; text-decoration:none; border:1px solid #000000;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 1);
	border-radius:5px;
	transition:all .5s;}
#light_box a.button:hover, #light_box a.button:focus{color:#ffffff; background:#666666;}

#frontBox h1{text-align:center; color:#ffffff; font-size:3em; font-weight:normal; line-height:1.2em; padding:.7em 3%;}
#frontBox p{color:#ffffff; padding:.5em 5%; font-size:2.2em; line-height:1.2em;}

#footer_address h2{font-size:1.8em; font-weight:normal; padding:.61em 0 0 0;}
#footer_address p{font-size:1.4em;}
#footer_address p.bar{background:url(/media/repository/metal_strip.jpg) top left repeat-x; height:5px; width:75%; border:1px solid #666666;}
#footer_address a, #copyright a{color:#111111; text-decoration:none; transition:all .5s;}
#footer_address a:hover, #copyright a:hover, #footer_address a:focus, #copyright a:focus{color:#ffffff;}

#copyright p{font-size:1em;}
#copyright p.content_copyright{padding-top:.8em;}

/* -- Phrase Header */
#phrase_text{float:left; clear:both; width:70%; height:100%; position:absolute; z-index:200; top:0px; left:0px; background:#ffffff;
				background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 33%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(33%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 33%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 33%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 33%,rgba(255,255,255,0.8) 100%); /* IE10+ */
				background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 33%,rgba(255,255,255,0.8) 100%); /* W3C */}

#phrase_text p.line_1{font-size:3.567em; color:#000000; padding:30% 0 0 .5em; line-height:1em; font-family:"Times New Roman", Times, serif;}
#phrase_text p.line_2{font-size:3.966em; color:#000000; padding:5% 0 0 4em; line-height:1em; font-family:"Times New Roman", Times, serif;}
#phrase_text p.line_3{font-size:3.966em; color:#000000; padding:4% 0 0 4.5em; line-height:1em; font-family:"Times New Roman", Times, serif;}
#phrase_text .color{color:#666666;}
#phrase_text .large{font-size:1.345em;}
#phrase_text .spacer{display:inline-block; width:5%;}
#phrase_text .spacer.wide{width:8%;}

#content #phrase_wrapper img.background_image{max-width:none !important; width:100% !important; position:relative; float:left; clear:both; z-index:50;}

/* Helper Classes */
.mobile_only, .large_only, .script_only{display:none !important;}